/**
 * @file index.css
 * @author swan
 */

.login-container,
.brand-atmosphere,
.functional-part,
.action-area {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logo-container {
    height: 100vh;
    width: 100vw;
}
.brand-atmosphere,
.functional-part {
    margin-bottom: 8.45rpx;
}
.app-logo {
    width: 152.17rpx; /* logo大小 */
    height: 152.17rpx !important;
    border-radius: 50%;
    background-color: #999;
    background-size: 100%;
    margin: 81.52rpx 0 21.74rpx 0;
}
.app-title {
    font-size: 34.42rpx;
    font-weight: 500;
    color: #333;
    line-height: 34.42rpx;
    margin-bottom: 76.69rpx;
}
.functional-part {
    padding-bottom: 20px;
}
.app-description {
    font-size: 25.36rpx;
    color: #999;
    line-height: 1;
    margin-bottom: 76.69rpx;
    white-space: nowrap;
    overflow: hidden;
}
.app-description::before {
    content: " ";
    border-bottom: .6rpx solid #999;
    width: 56.91rpx;
    position: absolute;
    transform: translate(-75.63rpx, 12.08rpx);
}
.app-description::after {
    content: " ";
    border-bottom: .6rpx solid #999;
    width: 56.91rpx;
    position: absolute;
    transform: translate(18.72rpx, 12.08rpx);
}
.feature-container {
    display: flex;
    flex-flow: row wrap;
    padding: 0 25.97rpx;
}
.feature-container .feature-item {
    margin-left: 88.16rpx;
    margin-bottom: 47.1rpx;
}


/*设置login按钮的样式*/
.access-btn {
    background-color: #538DF4; /* 授权按钮背景色 */
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 634.06rpx;
    height: 79.71rpx;
}
.access-btn image {
    width: 39.86rpx;
    height: 39.86rpx;
    margin-right: 16.3rpx;
}
.access-btn view {
    color: #fff;
    height: 32.61rpx;
    font-size: 32.61rpx;
    line-height: 1;
}


.thick-divid {
    border-bottom: 18.12rpx solid #f5f5f5;
}

.card-area {
    overflow: hidden;
    margin: .17rem .17rem 0 .17rem;
    border-radius: 8px 8px;
    background: #FFF;
    width:80%;
}

.top-description {
    display: flex;
    padding: .16rem .17rem;
    font-family: PingFangSC-Medium;
    justify-content: space-between;
}

.top-description :first-child {
    width: 2.93rem;
    font-size: .15rem;
}

.top-description :nth-child(2) {
    width: 2.45rem;
    font-family: PingFangSC-Regular;
    font-size: .13rem;
    text-align: right;
    color: #999;
}

.border-bottom {
    position: relative;
    border: 0;
}

.border-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
}

/* 一个列表项，和border一起使用 */
.list-area {
    margin: 0 .17rem;
    padding: .14rem 0;
    font-family: PingFangSC-Regular;
    color: #333;
    margin-bottom: 15px;
}

.list-item-key-4 {
    display: inline-block;
    width: 30%;
    word-wrap: break-word;
}

.list-item-key-6 {
    display: inline-block;
    width: 30%;
    word-wrap: break-word;
}

.list-item-value {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    word-break: break-all;
}